// 导入样式文件
import '/@/design/index.less';
import 'virtual:windi-base.css';
import 'virtual:windi-components.css';
import 'virtual:windi-utilities.css';
// 注册图标精灵
import 'virtual:svg-icons-register';
// 导入应用程序主体
import App from './App.vue';
// 导入Vue框架中的创建应用函数
import { createApp } from 'vue';
// 导入应用程序配置初始化逻辑
import { initAppConfigStore } from '/@/logics/initAppConfig';
// 导入错误处理逻辑
import { setupErrorHandle } from '/@/logics/error-handle';
// 导入路由实例和路由设置函数
import { router, setupRouter } from '/@/router';
// 导入路由守卫设置函数
import { setupRouterGuard } from '/@/router/guard';
// 导入全局状态管理设置函数
import { setupStore } from '/@/store';
// 导入全局指令设置函数
import { setupGlobDirectives } from '/@/directives';
// 导入国际化设置函数
import { setupI18n } from '/@/locales/setupI18n';
// 导入全局组件注册函数
import { registerGlobComp } from '/@/components/registerGlobComp';
// 导入全局过滤器注册函数
import registerFilter from './utils/registerFilter';

import ElementPlus from 'element-plus'; //引入element-plus库
import 'element-plus/dist/index.css'; //引入element-plus样式

import VForm3 from 'vform3-builds'; //引入VForm3库
import 'vform3-builds/dist/designer.style.css'; //引入VForm3样式

import ArcoVue from '@arco-design/web-vue';
import '@arco-design/web-vue/dist/arco.css';

// 在本地开发环境中按需导入样式文件，这会增加约20%的浏览器请求。因此，在生产环境中才启用按需导入。
if (import.meta.env.DEV) {
  import('ant-design-vue/dist/antd.less');
}

// 优化log
import log from '/@/utils/prettyLog';

async function bootstrap() {
  // 创建应用实例
  const app = createApp(App);
  // 配置应用实例
  app.use(ElementPlus);
  app.use(ArcoVue);
  app.use(VForm3);

  // 在全局配置中注册自定义过滤器
  app.config.globalProperties.$filters = registerFilter;
  app.config.globalProperties.$log = log;

  // 配置全局状态管理
  setupStore(app);

  // 初始化内部系统配置
  initAppConfigStore();

  // 注册全局组件
  registerGlobComp(app);

  // 多语言配置
  // 异步情况：语言文件可能从服务器端获取
  await setupI18n(app);

  // 配置路由
  setupRouter(app);

  // 路由守卫
  setupRouterGuard(router);

  // 注册全局指令
  setupGlobDirectives(app);

  // 配置全局错误处理
  setupErrorHandle(app);

  // https://next.router.vuejs.org/api/#isready
  // await router.isReady();

  // 挂载应用实例到DOM节点
  app.mount('#app');
}

// 启动应用程序
bootstrap();
